<!DOCTYPE html>
<html lang="en">

<!-- HTML5 -->

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>为你喜欢的战队投票吧~</title>
    <link rel="stylesheet" href="css.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
</head>

<body>
    <div class="main">
        <div class="head">
            <img src="image/head.png" alt="" class="headimg" onclick="new function(){alert('尚未开发')}">
            <img src="image/headimg.png" alt="" class="headimg">
            <div class="nav">
                <div class="hd1" onclick="showAndChange1();">赛事预测</div>
                <div class="hd2" onclick="showAndChange2();">实时票况</div>
            </div>
            <div class="search">
                <div class="i0">
                    <i class="fa fa-search fa-1x" style="color: #ffffff;" aria-hidden="true"></i>
                </div>
                <input type="text" class="input0">
            </div>
        </div>
        <div class="body">
            <div class="bd1">
                <div class="time">
                    <div class="timeAll" onclick="allDay();">
                        <p>全部<br>时间</p>
                    </div>
                    <div class="time-left-bottom" onclick="leftTime();">&lt;</div>
                    <div class="timeMap">
                        <div class="day" onclick="day0();">
                            <div>星期日</div>
                            <div>06月06日</div>
                        </div>
                        <div class="line"></div>
                        <div class="day" onclick="day1();">
                            <div>星期一</div>
                            <div>06月07日</div>
                        </div>
                        <div class="line"></div>
                        <div class="day" onclick="day2();">
                            <div>星期二</div>
                            <div>06月08日</div>
                        </div>
                        <div class="line"></div>
                        <div class="day" onclick="day3();">
                            <div>星期三</div>
                            <div>06月09日</div>
                        </div>
                        <div class="line"></div>
                        <div class="day" onclick="day4();">
                            <div>星期四</div>
                            <div>06月10日</div>
                        </div>
                        <div class="line"></div>
                        <div class="day" onclick="day5();">
                            <div>星期五</div>
                            <div>06月11日</div>
                        </div>
                        <div class="line"></div>
                        <div class="day" onclick="day6();">
                            <div>星期六</div>
                            <div>06月12日</div>
                        </div>
                    </div>
                    <div class="time-right-bottom" onclick="rightTime();">&gt;</div>
                </div>

                <div class="vote">
                    <div class="voteDiv0">
                        <div class="left">
                            <div class="limg"><img src="image/赛事img/2021LPL夏季赛.webp" alt=""></div>
                            <div class="ltext">2021LPL夏季赛</div>
                            <div class="lq">TT vs 北京JDG 的胜者是？</div>
                            <div class="starttime">2021-06-06 17:00</div>
                            <div class="xq">详情&gt;</div>
                            <div class="endtime">截止2021-06-06 16:50</div>
                            <div class="point"><img src="image/point.png" alt=""></div>
                        </div>
                        <div class="mid">
                            <div class="team1 timg"><img src="image/战队img/TT.webp" alt=""></div>
                            <div class="tname tn1">TT</div>
                            <div class="VS">VS</div>
                            <div class="tname tn2">北京JDG</div>
                            <div class="team2 timg"><img src="image/战队img/北京JDG.webp" alt=""></div>
                        </div>
                        <div class="vote-option1 vop opt1" onclick="voteThem11();" title="投一票">
                            <div class="opline oline1"></div>
                            <div class="vote-team-name vtn1">TT</div>
                            <div class="vote-text vtn1">投票给TT</div>
                        </div>
                        <div class="vote-option2 vop opt1" onclick="voteThem12();" title="投一票">
                            <div class="opline oline1"></div>
                            <div class="vote-team-name vtn2">北京JDG</div>
                            <div class="vote-text vtn2">投票给北京JDG</div>
                        </div>
                    </div>
                    <div class="voteDiv1">
                        <div class="left">
                            <div class="limg"><img src="image/赛事img/2021守望先锋联赛.webp" alt=""></div>
                            <div class="ltext">2021 守望先锋联赛</div>
                            <div class="lq">IG vs RW 的胜者是？</div>
                            <div class="starttime">2021-06-06 19:00</div>
                            <div class="xq">详情&gt;</div>
                            <div class="endtime">截止2021-06-06 18:50</div>
                            <div class="point"><img src="image/point.png" alt=""></div>
                        </div>
                        <div class="mid">
                            <div class="team1 timg"><img src="image/战队img/IG.webp" alt=""></div>
                            <div class="tname tn1">IG</div>
                            <div class="VS">VS</div>
                            <div class="tname tn2">RW</div>
                            <div class="team2 timg"><img src="image/战队img/RW.webp" alt=""></div>
                        </div>
                        <div class="vote-option1 vop opt2" onclick="voteThem21();" title="投一票">
                            <div class="opline oline2"></div>
                            <div class="vote-team-name vtn3">IG</div>
                            <div class="vote-text vtn3">投票给IG</div>
                        </div>
                        <div class="vote-option2 vop opt2" onclick="voteThem22();" title="投一票">
                            <div class="opline oline2"></div>
                            <div class="vote-team-name vtn4">RW</div>
                            <div class="vote-text vtn4">投票给RW</div>
                        </div>
                    </div>
                    <div class="voteDiv2">
                        <div class="left">
                            <div class="limg"><img src="image/赛事img/2021KPL春季赛.webp" alt=""></div>
                            <div class="ltext">2021 KPL春季赛</div>
                            <div class="lq">RA vs 杭州LGD 的胜者是？</div>
                            <div class="starttime">2021-06-06 21:00</div>
                            <div class="xq">详情&gt;</div>
                            <div class="endtime">截止2021-06-06 20:50</div>
                            <div class="point"><img src="image/point.png" alt=""></div>
                        </div>
                        <div class="mid">
                            <div class="team1 timg"><img src="image/战队img/RA.webp" alt=""></div>
                            <div class="tname tn1">RA</div>
                            <div class="VS">VS</div>
                            <div class="tname tn2">杭州LGD</div>
                            <div class="team2 timg"><img src="image/战队img/杭州LGD.webp" alt=""></div>
                        </div>
                        <div class="vote-option1 vop opt3" onclick="voteThem31();" title="投一票">
                            <div class="opline oline3"></div>
                            <div class="vote-team-name vtn5">RA</div>
                            <div class="vote-text vtn5">投票给RA</div>
                        </div>
                        <div class="vote-option2 vop opt3" onclick="voteThem32();" title="投一票">
                            <div class="opline oline3"></div>
                            <div class="vote-team-name vtn6">杭州LGD</div>
                            <div class="vote-text vtn6">投票给杭州LGD</div>
                        </div>
                    </div>
                </div>
                <div class="successDiv">
                    <i class="fa fa-check-circle fa-1x" aria-hidden="true"></i>
                    &nbsp;您已投票成功，请关注比赛结果哦 ~
                </div>
                <div class="nullSearch">
                    <img src="image/nullselect.png" alt="">
                    <br>肥肠抱歉，没有相关预测~
                </div>
            </div>
            <div class="bd2">
                <div class="all IG">
                    <div class="up">
                        <div class="upimg0"><img src="image/战队img/IG.webp" alt=""></div>
                        <div class="uptn utn1">IG</div>
                        <div class="upvn vn1">112403票</div>
                        <div class="upty">2021 守望先锋联赛</div>
                        <diV class="upimg1"><img src="image/赛事img/2021守望先锋联赛.webp" alt=""></diV>
                    </div>
                    <div class="KLine">
                        <div class="ig"></div>
                    </div>
                    <div class="dtime">截止2021-06-06 18:50</div>
                    <div class="sortNum">战队排行 No.1 全国Top1</div>
                </div>
                <div class="all RA">
                    <div class="up">
                        <div class="upimg0"><img src="image/战队img/RA.webp" alt=""></div>
                        <div class="uptn utn2">RA</div>
                        <div class="upvn vn2">102921票</div>
                        <div class="upty">2021 KPL春季赛</div>
                        <diV class="upimg1"><img src="image/赛事img/2021KPL春季赛.webp" alt=""></diV>
                    </div>
                    <div class="KLine">
                        <div class="MLine ra"></div>
                    </div>
                    <div class="dtime">截止2021-06-06 20:50</div>
                    <div class="sortNum">战队排行 No.2</div>
                </div>
                <div class="all TT">
                    <div class="up">
                        <div class="upimg0"><img src="image/战队img/TT.webp" alt=""></div>
                        <div class="uptn utn3">TT</div>
                        <div class="upvn vn3">8983票</div>
                        <div class="upty">2021 LPL夏季赛</div>
                        <diV class="upimg1"><img src="image/赛事img/2021LPL夏季赛.webp" alt=""></diV>
                    </div>
                    <div class="KLine">
                        <div class="MLine tt"></div>
                    </div>
                    <div class="dtime">截止2021-06-06 16:50</div>
                    <div class="sortNum">战队排行 No.3</div>
                </div>
                <div class="all JDG">
                    <div class="up">
                        <div class="upimg0"><img src="image/战队img/北京JDG.webp" alt=""></div>
                        <div class="uptn utn4">北京JDG</div>
                        <div class="upvn vn4">7038票</div>
                        <div class="upty">2021 LPL夏季赛</div>
                        <diV class="upimg1"><img src="image/赛事img/2021LPL夏季赛.webp" alt=""></diV>
                    </div>
                    <div class="KLine">
                        <div class="MLine jdg"></div>
                    </div>
                    <div class="dtime">截止2021-06-06 16:50</div>
                    <div class="sortNum">战队排行 No.4</div>
                </div>
                <div class="all LGD">
                    <div class="up">
                        <div class="upimg0"><img src="image/战队img/杭州LGD.webp" alt=""></div>
                        <div class="uptn utn5">杭州LGD</div>
                        <div class="upvn vn5">5954票</div>
                        <div class="upty">2021 KPL春季赛</div>
                        <diV class="upimg1"><img src="image/赛事img/2021KPL春季赛.webp" alt=""></diV>
                    </div>
                    <div class="KLine">
                        <div class="MLine lgd"></div>
                    </div>
                    <div class="dtime">截止2021-06-06 20:50</div>
                    <div class="sortNum">战队排行 No.5</div>
                </div>
                <div class="all RW">
                    <div class="up">
                        <div class="upimg0"><img src="image/战队img/RW.webp" alt=""></div>
                        <div class="uptn utn6">RW</div>
                        <div class="upvn vn6">5596票</div>
                        <div class="upty">2021 守望先锋联赛</div>
                        <diV class="upimg1"><img src="image/赛事img/2021守望先锋联赛.webp" alt=""></diV>
                    </div>
                    <div class="KLine">
                        <div class="MLine rw"></div>
                    </div>
                    <div class="dtime">截止2021-06-06 18:50</div>
                    <div class="sortNum">战队排行 No.6</div>
                </div>
            </div>

            <div class="user">
                <div class="u0">
                    <div class="userImg">
                        <img src="image/userImg.jpg" alt="">
                    </div>
                    <div class="userText" onclick="new function(){
                        if (window.localStorage.getItem('flag') == 'false'){
                            timer = setTimeout(function () {
                                window.open('login.html');
                            window.close('index.html');
                        }, 500);
                        }
                        }">请先登录</div>
                </div>
                <div class="u1">
                    <div class="">投票数</div>
                    <div class="">胜场</div>
                    <div class="">胜率</div>
                </div>
                <div class="u2">
                    <div class="u21">-</div>
                    <div class="u22">-</div>
                    <div class="u23">-</div>
                </div>
                <div class="u3">
                    <div class="">总排名</div>
                    <div class="">投入</div>
                    <div class="">收益</div>
                </div>
                <div class="u4">
                    <div class="u41">-</div>
                    <div class="u42">-</div>
                    <div class="u43">-</div>
                </div>
            </div>
            <div class="history">
                <div class="ht0">投票记录</div>
                <div class="ht1">
                    <div class="hisDef">没有投票记录<br>快去体验投票吧~</div>
                    <!-- <div>18:11:24-Mzy为某某战队投出一票！...</div> -->
                    <div class="htype c2">
                        <div class="imgty"><img src="image/赛事img/2021守望先锋联赛.webp" alt=""></div>
                        <div class="texty">2021守望先锋联赛</div>
                        <div class="vs vty1"><img src="image/战队img/IG.webp" alt=""></div>
                        <div class="v">vs</div>
                        <div class="vs vty2"><img src="image/战队img/RW.webp" alt=""></div>
                        <div class="qty">IG vs RW 的胜者是？</div>
                        <div class="tty">2021-06-06 19:00</div>
                        <div class="inner"></div>
                    </div>
                    <div class="htype c1">
                        <div class="imgty"><img src="image/赛事img/2021LPL夏季赛.webp" alt=""></div>
                        <div class="texty">2021 LPL夏季赛</div>
                        <div class="vs vty1"><img src="image/战队img/TT.webp" alt=""></div>
                        <div class="v">vs</div>
                        <div class="vs vty2"><img src="image/战队img/北京JDG.webp" alt=""></div>
                        <div class="qty">TT vs 北京JDG 的胜者是？</div>
                        <div class="tty">2021-06-06 17:00</div>
                        <div class="inner"></div>
                    </div>
                    <div class="htype c3">
                        <div class="imgty"><img src="image/赛事img/2021KPL春季赛.webp" alt=""></div>
                        <div class="texty">2021 KPL春季赛</div>
                        <div class="vs vty1"><img src="image/战队img/RA.webp" alt=""></div>
                        <div class="v">vs</div>
                        <div class="vs vty2"><img src="image/战队img/杭州LGD.webp" alt=""></div>
                        <div class="qty">RA vs 杭州LGD 的胜者是？</div>
                        <div class="tty">2021-06-06 21:00</div>
                        <div class="inner"></div>
                    </div>
                </div>
            </div>
            <!-- <div class="back" onclick="back();"></div> -->
            <div class="off" onclick="off();">注销</div>
        </div>
        <div class="foot" onclick="new function(){alert('尚未开发')}">
            <img src="image/foot.png" alt="">
            <!-- <div style="height: 50px; width: 50px; border: 1px red solid;" onclick="Test();"></div> -->
        </div>
    </div>
</body>

</html>

<script src="js.js"></script>